<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="640">
    <g v-if="props.state">
      <line :stroke="props.strokeColor" id="svg_1" y2="482.67122" x2="470.83328" y1="484.67122" x1="38.83329" stroke-width="30" fill="none"/>
      <path :stroke="props.strokeColor" id="svg_2" d="m100.33329,548.6709l308.99998,-2" opacity="undefined" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_3" y2="611.0045" x2="346.33328" y1="613.0045" x1="163.33329" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_6" y2="478.30281" x2="254.33329" y1="396.10944" x1="254.33329" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_7" y2="180.99759" x2="52.66013" y1="402.67138" x1="256" stroke-width="30" fill="none"/>
      <line id="svg_9" y2="144.18156" x2="316.50194" y1="144.18156" x1="193.16464" stroke-width="30" :stroke="props.strokeColor" fill="none"/>
      <line transform="rotate(90.3906 254.998 98.3479)" :stroke="props.strokeColor" id="svg_10" y2="98.34792" x2="292.49988" y1="98.34792" x1="217.49634" stroke-width="30" fill="none"/>
    </g>
    <g v-else>
      <line :stroke="props.strokeColor" id="svg_1" y2="482.67122" x2="470.83328" y1="484.67122" x1="38.83329" stroke-width="30" fill="none"/>
      <path :stroke="props.strokeColor" id="svg_2" d="m100.33329,548.6709l308.99998,-2" opacity="undefined" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_3" y2="611.0045" x2="346.33328" y1="613.0045" x1="163.33329" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_6" y2="478.30281" x2="254.33329" y1="396.10944" x1="254.33329" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_9" y2="144.18156" x2="339.70348" y1="144.18156" x1="174.61427" stroke-width="30" fill="none"/>
      <line transform="rotate(90.3906 257.159 98.3479)" :stroke="props.strokeColor" id="svg_10" y2="98.34792" x2="294.66067" y1="98.34792" x1="219.65712" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_13" y2="150.76087" x2="184.16361" y1="400.07566" x1="254.69565" stroke-width="30" fill="none"/>
    </g>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>